//获取地址栏中的id
var arr = location.search.match(/id=([^&]+)/);
//判断是否能匹配到id
if (!arr) {
  alert("非法请求");
  location.href = "list.html";
}else{
    //从arr中获取id
    var id = arr[1]
  // 发送请求所有数据 - id找到该显示的那一条数据
  $.ajax({
    url: "https://list.mogu.com/search",
    method: "get",
    dataType: "jsonp",
    data: {
      callback: "jQuery21106216481125759377_1635845448722",
      _version: 8193,
      ratio: "3:4",
      cKey: 15,
      page: 1,
      sort: "pop",
      ad: 0,
      action: "boyfriend",
      acm: "3.mce.1_10_1ko5c.132244.0.rQ9uSsNB6z4ey.pos_879-m_482180-sd_119",
      ptp: "31.v5mL0b._head.0.YZ9U1BZE",
      _: 1635845448723,
    },
    success: (res) => {
      // console.log(res);
      var data = res.result.wall.docs;
    //   console.log(data);
      var obj = data.find(item=>item.tradeItemId === id)
      $('.enlarge img').attr('src',obj.img)
      $('.title').text('标题：'+obj.title)
    },
  }); 
}




dl();
function dl() {
  var tel = localStorage.getItem("tel");
  var denglu = $(".header .center .left ul .denglu");
  var zhuce = $(".header .center .left ul .zhuce");
  var tel = localStorage.getItem("tel");
  var str1 = "";
  var str2 = "";
  if (!tel) {
    str1 += `
<a href="./regeister.html">免费注册</a>
`;
    str2 += `
<a href="./login.html">登录</a>
`;
    denglu.html(str2);
    zhuce.html(str1);
  } else {
    str1 += `
<span style="color:yellow">
欢迎用户${tel}回来
</span>
`;
    str2 += `
<a onclick='fn()'>退出</a>
`;
    denglu.html(str1);
    zhuce.html(str2);
  }
}
function fn() {
    layer.confirm('您确定要退出吗？',{
        btn:['确定','取消']
    },()=>{
      layer.msg('退出成功，请重新登录',{
icon:1,
time:1000
})
    })
  localStorage.removeItem("tel");
  dl();
}
//点击加入购物车
$(".addCart").click(function () {
//判断是否登录
var tel = localStorage.getItem("tel");
if (!tel) {
  layer.msg(
    "请先登录",
    {
      icon: 2,
      time: 1000,
    },
    () => {
      localStorage.setItem("url", location.href);
      location.href = "./login.html";
    }
  );
  return false
}
//加入购物车本质，就是把当前数据存储
//存在本地存储
//存什么 - 商品id number,用户
//  1.获取本地存储中的数据，判断是否有数据
var data = localStorage.getItem("data");
if (!data) {
  //本地存储没有数据
  var arr = [
    {
      id,
      number: 1,
      tel: $(".text").val(),
    },
  ];
  //存
  localStorage.setItem("data", JSON.stringify(arr));
} else {
  //   将data转成数据
  data = JSON.parse(data);
  // 本地存储有数据
  //有数据再判断其中是否有当前用户的数据
  //找出自己数据
  var obj = data.find(
    (item) => item.id === id && item.tel === $(".text").val()
  );
  if (obj) {
    //让obj的number++
    obj.number++;
    //从新存一下
    localStorage.setItem("data", JSON.stringify(data));
  } else {
    // 没有数据
    data.push({
      id,
      number: 1,
      tel: $(".text").val(),
    });
    localStorage.setItem("data", JSON.stringify(data));
  }
}
//提示加入购物车成功
layer.msg("加入购物车成功", {
  icon: 1,
  time: 1000,
});
});